<!--
  Generated template for the NewsPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-toolbar>
    <ion-buttons left>
      <button ion-button icon-only color="light" (click)="openSearch()">
        <ion-icon name="user"></ion-icon>
      </button>
    </ion-buttons>
    <button ion-button small color="light" style="width: 43%" (click)="doRadio()">
      &nbsp;&nbsp;<ion-icon name="ios-apps-outline">&nbsp;&nbsp;&nbsp;</ion-icon>
      {{currentKind.kind}}&nbsp;&nbsp;&nbsp;
    </button>
    <ion-buttons left>
      <button ion-button icon-only color="light" (click)="openSearch()">
        <ion-icon name="user"></ion-icon>
      </button>
    </ion-buttons>
    <button ion-button small color="light" style="width: 43%" (click)="chooseStatus()">
      &nbsp;&nbsp;<ion-icon name="ios-apps-outline">&nbsp;&nbsp;&nbsp;</ion-icon>
      {{currentStatus.text}}&nbsp;&nbsp;&nbsp;
    </button>
  </ion-toolbar>
</ion-header>


<ion-content>
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content
      pullingIcon="arrow-dropdown"
      pullingText="{{'PULLING_TEXT'| translate}}"
      refreshingSpinner="circles"
      refreshingText="{{'REFRESHING_TEXT' | translate}}">
    </ion-refresher-content>
  </ion-refresher>

  <ion-list>
    <ion-item style="position: fixed;z-index: 10;background: #fff4f4;">
      <ion-label>计划名称</ion-label>
      <ion-label>期数</ion-label>
      <ion-label>{{currentStatus.text}}</ion-label>
      <ion-note item-end>时间</ion-note>
    </ion-item>
    <ion-item *ngFor="let plan of items;" (click)="openDetail(plan)">
      <ion-label col-auto>{{plan.name}}</ion-label>
      <ion-label col-auto>{{plan.winTimes}}</ion-label>
      <ion-label style="text-align: center">{{plan.isWin}}</ion-label>
      <ion-note item-end>{{plan.date}}</ion-note>
    </ion-item>
  </ion-list>


  <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content
      loadingSpinner="bubbles"
      loadingText="{{'LOADING_TEXT' | translate}}">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>

</ion-content>

